@import url('./../../assets/config.less');

@WIDTH_Video:504;
@HEIGHT_Video:267+2;
@LEFTWIDTH: @WIDTH_Video;

.fullScreen {
  height: 100%;
}
.hp100 {
  height: 100%;
}
.areaLeft {
  @header:48;
  position: relative;
  flex:0 0 auto;
  width: unit(@LEFTWIDTH, px);
  height: 100%;
  border: 1px solid @baseGrey2;
  // background-color: rgba(255, 0, 0, 0.2);
  .left-header {
    height: unit(@header,px);
    padding-left: 8px;
    padding-right: 8px;
    .title {
      padding: 8px;
      flex:0 1 auto;
    }
    .info{
      text-align: right;
      flex:1 0 auto;
    }
  }
  .left-video {
    position: relative;
    height: unit(@HEIGHT_Video ,px);
    padding:8px;
    border-top: 1px solid @baseGrey2;
    border-bottom: 1px solid @baseGrey2;
    .content{
      position: absolute;
      top:8px;bottom:8px;
      left:8px;right:8px;
    }
  }
  .left-chat{
    position: absolute;
    top:unit((@header+@HEIGHT_Video),px);
    bottom:0px;
    left:0;right:0;
    // background:rgba(255,0,0,0.2)
  }
}
.areaRight {
  flex:1 1 auto;
  overflow:auto;
  // background-color: rgba(0, 255, 0, 0.2);
}